<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport"
			content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="renderer" content="webkit" />
		<meta name="full-screen" content="yes" />
		<meta name="x5-fullscreen" content="true" />
		<meta name="apple-mobile-web-app-status-bar-style" content="default" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" href="./css/iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="css/travel-hotl-local-acticl.css" />
		<script src="./js/lib/lib-flexible.js" type="text/javascript"></script>
		<script src="./layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<title>土特产</title>
	</head>
	<body>
		<div class="container">
			<!-- 顶部导航 -->
			<div class="header">
				<div class="header-nav">
					<div class="left">
						<img src="./img/logo.png" alt="">
					</div>
					<div class="right" id="nav-btn">
						<i class="iconfont icon-menu"></i>
					</div>
					<div class="menus" id="menus">
						<ul class="layui-nav layui-nav-tree" lay-filter="test">
						  <li class="layui-nav-item">
						    <a href="javascript:;">解决方案</a>
						    <dl class="layui-nav-child">
						      <dd><a href="#">移动模块</a></dd>
						      <dd><a href="#">后台模版</a></dd>
						      <dd><a href="#">电商平台</a></dd>
						    </dl>
						  </li>
						  <li class="layui-nav-item"><a href="">产品</a></li>
						  <li class="layui-nav-item"><a href="">大数据</a></li>
						</ul>
					</div>

				</div>
			</div>

			<!-- banner -->
			<div class="banner gap-30">
				<a href="#">
					<img src="./img/local-products-banner.jpg" alt="">
					<div class="mask">
						<div class="explain">
							<h3 class="banner-title">
								LOCAL SPECIALTY
							</h3>
							<h3 class="banner-title-small">
								土特产
							</h3>
						</div>
					</div>
				</a>
			</div>

			<!-- 信息 -->
			<div class="container-part articl-name gap-30">
				<div class="left">
					<img src="./img/p-1.jpg" alt="">
				</div>
				<div class="right">
					<div class="articl-title">
						<h3>丰都龙眼</h3>
						<span>更新时间：2023-03-09</span>
					</div>
					<div class="articl-status">
						<span class="layui-badge hot">热门</span>
						<span class="articl-status-count">有2432人感兴趣</span>
					</div>
				</div>
			</div>

			<!-- 信息导航 -->
			<div class="container-part gap-30">
				<ul class="articl-nav">
					<li class="articl-nav-item active"><a href="#">特产主页</a></li>
					<li class="articl-nav-item"><a href="#">规格介绍</a></li>
					<li class="articl-nav-item"><a href="#">特产介绍</a></li>
					<li class="articl-nav-item"><a href="#">评价</a></li>
				</ul>
			</div>
			<!-- 轮播 -->
			<div class="container-part gap-30">
				<div class="slider-for" id="image">
					<div>
						<img src="./img/banner-3.jpg" alt="" />
					</div>
					<div>
						<img src="./img/banner-3.jpg" alt="" />
					</div>
					<div>
						<img src="./img/banner-3.jpg" alt="" />
					</div>
					<div>
						<img src="./img/banner-3.jpg" alt="" />
					</div>
				</div>
				<div class="slick-nav-bar gap-30">
					<div class="slider-nav">
						<div class="slider-nav-item">
							<img src="./img/banner-3.jpg" alt="" />
						</div>
						<div class="slider-nav-item">
							<img src="./img/banner-3.jpg" alt="" />
						</div>
						<div class="slider-nav-item">
							<img src="./img/banner-3.jpg" alt="" />
						</div>
						<div class="slider-nav-item">
							<img src="./img/banner-3.jpg" alt="" />
						</div>
					</div>
				</div>
			</div>

			<!-- 介绍 -->
			<div class="container-part gap-30 articl-info">
				<table class="articl-info-table">
					<tr>
						<td class="title">
							<div class="cell">特产介绍：</div>
						</td>
						<td class="content">
							<div class="cell">
								丰都县位于长江上游四川盆地东部，三峡库 区腹心地带，属中亚热带湿润季风气候区。
								年平均气温18.3℃，平均日照1......
							</div>
						</td>
					</tr>
					<tr>
						<td class="title">
							<div class="cell">选择规格：</div>
						</td>
						<td class="content">
							<div class="cell">
								<span class="spec-item active" data-price="180元">150G</span>
								<span class="spec-item" data-price="280元">300G</span>
								<span class="spec-item" data-price="360元">500G</span>
							</div>
						</td>
					</tr>
					<tr>
						<td class="title">
							<div class="cell">价格费用：</div>
						</td>
						<td class="content">
							<div class="price">
								180元
							</div>
						</td>
					</tr>
					<tr>
						<td class="title">
							<div class="cell">特产地址：</div>
						</td>
						<td class="content">
							<div class="cell">丰都市福利路与八定路交汇处东南侧</div>
						</td>
					</tr>

				</table>
			</div>



			<!-- 标题 -->
			<div class="container-part gap-30">
				<div class="part-title">
					<p>规格介绍</p>
				</div>
			</div>
			<div class="container-part gap-30">
				<div class="articl-base">
					<p class="base-name">规格</p>
					<table class="articl-base-table">
						<tbody>
							<tr>
								<td class="title">
									<div class="cell">保 质 期：</div>
								</td>
								<td class="content">
									<div class="cell">1-2天</div>
								</td>
							</tr>
							<tr>
								<td class="title">
									<div class="cell">净 含 量：</div>
								</td>
								<td class="content">
									<div class="cell">150G、300G、500G</div>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="container-part gap-30">
				<div class="part-title">
					<p>特产介绍</p>
				</div>
			</div>
			<div class="container-part gap-30">
				<div class="articl-base">
					<div class="base-describe">
						<p>
							丰都县位于长江上游四川盆地东部，三峡库区腹心地带，属中亚热带湿润季风气候区。
							年平均气温18.3℃，平均日照1276小时，无霜期336天，具有适宜龙眼种植的气候、土壤、水利灌溉条件，是种植龙眼的黄金宝地。
							特定品质 丰都龙眼品质优良，具有果大核小、肉厚、清香的特点。
							文化典故 丰都兴义镇是种植龙眼的黄金宝地，已经有上千年的种植历史。
							2003年以来，丰都兴义镇从福建省福清市引进大乌圆龙眼、石硖龙眼、九月乌龙眼等优质龙眼品种，并逐步对原有的老品种进行嫁接改良，不断扩大种植面积。
							2006年，丰都兴义镇被重庆市命名为“龙眼之乡”。
						</p>
						<img src="./img/p-2.jpg" alt="">
					</div>
				</div>
			</div>

			<!-- 标题 -->
			<div class="container-part gap-30">
				<div class="part-title">
					<p>评价</p>
				</div>
			</div>
			<div class="container-part gap-30" id="image-2">
				<ul class="appraise-list">
					<li class="appraise-list-item">
						<div class="user-info">
							<div class="left">
								<img src="./img/p-1.jpg" class="user-avatar" alt="">
								<p class="user-nickname">锟斤拷锟斤拷</p>
								<p class="rate" data-rate="4"></p>
							</div>
							<div class="right">
								<span>
									<i class="iconfont icon-zanmianxing"></i>
									50
								</span>
								<span>
									<i class="iconfont icon-comment-filling"></i>
									23
								</span>
							</div>
						</div>
						<div class="appraise-text">
							龙眼收到了，非常新鲜，是正宗的高州龙眼，喜欢的赶紧买买买！
						</div>
						<div class="appraise-img">
							<img src="./img/p-1.jpg" alt="">
							<img src="./img/p-1.jpg" alt="">
						</div>
						<div class="appraise-specifications">
							<span class="buy-size">150G</span>
							<span class="buy-time">2021-05-04 07:43</span>
						</div>
					</li>
					<li class="appraise-list-item">
						<div class="user-info">
							<div class="left">
								<img src="./img/p-1.jpg" class="user-avatar" alt="">
								<p class="user-nickname">锟斤拷锟斤拷</p>
								<p class="rate" data-rate="4"></p>
							</div>
							<div class="right">
								<span>
									<i class="iconfont icon-zanmianxing"></i>
									50
								</span>
								<span>
									<i class="iconfont icon-comment-filling"></i>
									23
								</span>
							</div>
						</div>
						<div class="appraise-text">
							龙眼收到了，非常新鲜，是正宗的高州龙眼，喜欢的赶紧买买买！
						</div>
						<div class="appraise-img">
							<img src="./img/p-1.jpg" alt="">
							<img src="./img/p-1.jpg" alt="">
						</div>
						<div class="appraise-specifications">
							<span class="buy-size">150G</span>
							<span class="buy-time">2021-05-04 07:43</span>
						</div>
					</li>
				
				</ul>
			</div>

			<div class="bottom-fixed">
				<div class="container-part ">
					<a href="tel:4002345678" class="buy-btn">
						立即购买
					</a>
				</div>
			</div>




			<!-- 版权 -->
			<div class="section">
				<div class="page-foot">
					<p>版权所有：Copyright © 2015-2019丰都宣传网</p>
					<p>渝ICP备15050430号 ICP证渝B2-20180118</p>
				</div>

			</div>
		</div>
	</body>
	<script>
		layui.config({
			base: './js/',
		}).extend({
			slick: 'lib/slick.min',
			viewer: 'lib/viewer.min',
		}).use('articl')
	</script>
</html>
